$excel-scroll-bar-color: cornflowerblue;
$excel-scroll-bar-bg-color: coral;

$excel-editor-color: rgb(44, 122, 238);

.ask-excel-box{
    width: 100%;
    height: 100%;
    @include flexLayout(flex,normal,normal);
    flex-flow: column;
}
.ask-excel__body{
    flex: 1;
}
.ask-excel__toolbar{
    flex: 0 0 auto;
}
.ask-excel__body,
.ask-excel__container{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 4;
    overflow: hidden;
}
.ask-excel__scrollbar{
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    .ask-excel__scrollbar-hor{
        width: 100%;
        height: .1rem;
        background: $excel-scroll-bar-bg-color;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        .ask-excel__scrollbar-hor-board{
            position: relative;
            width: auto;
            height: 100%;
            border-radius: .05rem/50%;
            background: rgba($excel-scroll-bar-color,.5);
            pointer-events: auto;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
            cursor: pointer;
            &:hover,
            &.active{
                background: rgba($excel-scroll-bar-color,1);
            }
        }
    }
    .ask-excel__scrollbar-ver{
        width: .1rem;
        height: 100%;
        background: $excel-scroll-bar-bg-color;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        .ask-excel__scrollbar-ver-board{
            position: relative;
            width: 100%;
            height: auto;
            border-radius: 50%/.05rem;
            background: rgba($excel-scroll-bar-color,.5);
            pointer-events: auto;
            cursor: pointer;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
            &:hover,
            &.active{
                background: rgba($excel-scroll-bar-color,1);
            }
        }
    }
}
.ask-excel__editor-box,
.ask-excel__editor-box-content{
    z-index: 7;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    .ask-excel__editor-span{
        border-width: 2px;
        border-color: $excel-editor-color;
        border-style: solid;
        width: 100px;
        height: 50px;
        position: relative;
        display: block;
    }
}
.ask-excel__editor-box-content{
    z-index: 8;
    pointer-events: auto;
    .ask-excel__editor-span{
    }
}